<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="format-detection" content="telephone=no"/>
  <meta content="email=no" name="format-detection"/>
  <script src="build/flexible.js"></script>
  <script src="build/flexible_css.js"></script>
  <link rel="stylesheet" href="css/reset.css">
  <link rel="stylesheet" href="css/main.css">
  <link rel="stylesheet" href="css/icons.css">
  <link rel="stylesheet" href="css/each/confirmOrder.css">
  <!--[if lt IE 8]><!-->
  <link rel="stylesheet" href="ie7/ie7.css">
  <link rel="stylesheet" href="js/swiper/swiper.css">
  <!--<![endif]-->
  <link rel="stylesheet" href="js/mobiscroll/mobiscroll.custom-2.17.0.min.css">
  <title>超市列表</title>
</head>
<body>
<header>
  <div class="header-tit box box-left box-center">
    <div class="item-fix header-icon"><a href="mallList.html" class=" icon-back"></a></div>
    <h1 class="item">确认订单</h1>
    <div class="item-fix icons-square"></div>
  </div>
</header>
<section class="section-single">
  <div class="receiver-msg">
    <p class="font16">收货人信息</p>
    <div class="receiver-msg-list font14">
      <p class="receiver-msg-item">姓名：<span class="receiver-name">张帅</span></p>
      <p class="receiver-msg-item">手机号码：<span class="receiver-phoneNum">15202889897</span></p>
      <p class="receiver-msg-item">详细地址：<span class="receiver-adress">四川省成都市天府大道中段1299号</span></p>
    </div>
  </div>
  <div class="order-page">
    <ul class="select-method">
      <li class="box box-center">
        <label class="font16">支付方式</label>
        <div class="pay-method method">
          <select class="pay-select" name="payMethod">
            <option value="1">微信支付</option>
            <option value="2">线下支付</option>
          </select>
        </div>
      </li>
      <li class="box box-center">
        <label class="font16">送货方式</label>
        <div class="send-method method">
          <select class="send-select" name="sendMethod">
            <option value="1">送货上门</option>
            <option value="2">到店自提</option>
          </select>
        </div>
      </li>
    </ul>
    <div class="active-product">
      <p class="font16 title">已选商品</p>
      <div class="order-product-list">
        <ul class="order-product-ul">
          <li class="order-product-item box box-all">
            <a href="productDetail.html" class="order-item-img">
              <img src="img/product_order1.png" alt="">
            </a>
            <div class="order-item-detail">
              <div class="order-product-name font12">
                <p>妞妞零食品店小三子</p>
                <p>烤薯片36g*10包</p>
              </div>
              <div class="product-item-handle box box-between box-bottom">
                <span class="product-item-price color-red font14">￥<span class="priceNum">19.00</span></span>
                <span class="product-item-num">
                   <div class="item box box-right box-center number">
                    <div class="num-btn minus font12 icon-minus box box-center"></div>
                    <input type="text" readonly value="1">
                    <div class="num-btn add font12 icon-add box box-center"></div>
                   </div>
                </span>
                <span class="product-item-delete">
                  <i class="delete-icon"></i>
                </span>
              </div>
            </div>
          </li>
          <li class="order-product-item box box-all">
            <a href="productDetail.html" class="order-item-img">
              <img src="img/product_order2.png" alt="">
            </a>
            <div class="order-item-detail">
              <div class="order-product-name font12">
                <p>麦吉士小酥组合1000g</p>
                <p>山核桃/芝麻</p>
              </div>
              <div class="product-item-handle box box-between box-bottom">
                <span class="product-item-price color-red font14">￥<span class="priceNum">19.00</span></span>
                <span class="product-item-num">
                   <div class="item box box-right box-center number">
                    <div class="num-btn minus font12 icon-minus box box-center"></div>
                    <input type="text" readonly value="1">
                    <div class="num-btn add font12 icon-add box box-center"></div>
                   </div>
                </span>
                <span class="product-item-delete">
                  <i class="delete-icon"></i>
                </span>
              </div>
            </div>
          </li>
        </ul>
      </div>
    </div>
    <div class="order-tips">
      <ul class="order-tips-ul">
        <li class="order-tips-items box">
          <span class="tips-name font16">店铺优惠</span>
          <span class="tips-value">购满99元免费送货上门</span>
        </li>
        <li class="order-tips-items box box-center">
          <span class="tips-name font16">订单备注</span>
          <span class="tips-value">
            <input type="text" class="font14" placeholder="输入订单备注，告知商家注意事项与特殊要求">
          </span>
        </li>
      </ul>
    </div>
    <br>
  </div>
</section>
<div class="calc-position box box-center">
  <span class="icon-item box box-center"><i class="shopping-card-icon"></i></span>
  <span class="calc-item">
    <p>共<span class="totalProduct">2</span>件商品</p>
    <p>总价：<span class="totalPrice">38.00</span>元（含<span>6</span>元配送费）</p>
  </span>
  <span class="btn-item">
    <a href="myMallOrder.html" class="footer-pay-btn">结算</a>
  </span>
</div>
<script src="js/jquery.js"></script>
<script src="js/autosize/autosize.js"></script>
<script src="js/mobiscroll/mobiscroll.custom-2.17.0.min.js"></script>
<script src="js/each/confirmOrder.js"></script>
</body>
</html>